<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String basePath = request.getContextPath();
	String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+basePath+"/";
	request.setAttribute("path",path);
%>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no,address=no,email=no"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>我的订单</title>
	<script type="text/javascript" src="${path}/mobileTerminal/js/jquery.js"></script>
	<script type="text/javascript" src="${path}/js/jquery-2.1.1.min.js"></script>
	<link href="${path}/mobileTerminal/css/style.css" rel="stylesheet" media="all">
	<link rel="shortcut icon" href="${path}/mobileTerminal/img/favicon.png">
</head>
<body class="hu_shopping">
	<header>
		<div class="headerwrap">
			<div class="header_wrap">
				<a href="javascript:history.go(-1);" class="return_last">返回</a>
				<h1>我的订单</h1>
			</div>
		</div>
	</header><!-- header -->
	<div class="content_wrap" id="orderlist_wrap">
		<div class="order_list">
			<ul class="order_ul">
				<c:forEach items="${orderProductList}" var="items">
				<li>
					<div class="order_number fl">订单编号：<span>${items.orderCode}</span></div>
					<div class="pay_state fl"><a class="red">${items.sendStatus}</a></div>
					<div class="clear"></div>
					<ul class="orderul_list" id="orderul_1">
						<li>
							<div class="orderul_img fl"><a href="${path}/productDetails?productId=${items.productId}"><img src="${path}/${items.carousel0}" style="width: 100px;height: 100px;"></a><div class="dummy"></div></div>
							<div class="orderul_txt fl">
								<a class="orderul_title">${items.productName}</a>
								<div class="orderul_price fl">
									<p><span>￥</span>${items.nowPrice}</p>
								</div>
								<div class="orderul_num fl">×<span>${items.num}</span></div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
					<div class="order_total">共<span class="order_totalnum">${items.num}</span>件商品，合计￥<span class="order_totalmoney">${items.totalMoney}</span></div>
					<div class="order_ogipay">
						<c:if test="${items.paymentStatus == '已付款'}">
						<a href="#">已付款</a>
						</c:if>
						<c:if test="${items.paymentStatus == '未付款'}">
							<a>未付款</a>
						</c:if>
						<p><input id="Button2" type="button" value="查看物流" onclick="ShowDiv('Mylogistics','fade')" /></p>
						<div class="clear"></div>
					</div>
				</li>
				</c:forEach>
				<c:if test="${size==0}">
					<div class="none_cont">
						<img src="${path}/mobileTerminal/img/no_bg_14.png">
					</div>
				</c:if>
			</ul>
		</div><!-- order_wrap -->
	</div><!-- content_wrap -->
	
	<div id="fade" class="black_overlay"></div><!--弹出层时背景层DIV-->
	<c:forEach items="${orderProductList}" var="items">
	<div class="logistics_details"  id="Mylogistics">
		<p>物流公司：<span class="logistics_company">顺丰快递</span></p>
		<p>订单编号：<span class="logistics_">${items.orderCode}</span></p>
		<div class="logistics_close">
			<span onclick="CloseDiv('Mylogistics','fade')">确定</span>
		</div>
	</div>
	</c:forEach>
	
	<%--<div class="orderlist_pay"  id="Mypay">
		<p class="red_txt">恭喜您！支付成功！</p>
		<p>您可以在个人中心-我的订单中查看订单状态。</p>
		<p><a href="../web/orderList.html">我的订单</a><a href="../web/productDetails.html">浏览商品</a></p>
	</div>--%>
	


	<div class="footer_copyright">
		<p>苏州知行合一网络科技有限公司提供技术支持</p>
	</div><!-- footer_copyright -->

	<script>

		//弹出隐藏层
		function ShowDiv(show_div,bg_div){
			document.getElementById(show_div).style.display='block';
			document.getElementById(bg_div).style.display='block' ;
			var bgdiv = document.getElementById(bg_div);
			bgdiv.style.width = document.body.scrollWidth;
		// bgdiv.style.height = $(document).height();
			$("#"+bg_div).height($(document).height());
		};
		//关闭弹出层
		function CloseDiv(show_div,bg_div){
			document.getElementById(show_div).style.display='none';
			document.getElementById(bg_div).style.display='none';
		};
	</script>
</body>
</html>